<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--视口宽度为设备宽度，不能缩放-->
    <meta name="viewport" content="width=device-width,user-scalable=no">
    <!--qq浏览器下强制横盘或者竖屏显示-->
    <meta name="x5-orientation" content="portrait" />
    <!--qq浏览器下是否可以全屏-->
    <meta name="x5-fullscreen" content="true" />
    <!--UC浏览器下强制横盘或者竖屏显示-->
    <meta name="screen-orientation" content="portrait">
    <!--UC浏览器下是否可以全屏-->
    <meta name="full-screen" content="yes">
    <!--是否禁止识别手机和邮箱-->
    <meta name="format-detection" content="telephone=yes, email=no" />
    <title>当地玩乐</title>
    <link rel="stylesheet" href="./css/play.css">
    <link rel="icon" href="./image/mfw-logo-new.png">
</head>

<body>
    <div id="mian">
        <!-- 头部 -->
        <div id="header">
            <a href="./index.html" class="logo"></a>
            <div class="home">
                <a href="#" class="index">官网首页</a>
                <a href="#" class="sch"></a>
            </div>
        </div>
        <!-- 搜索 -->
        <div id="searchbox">
            <form action="" id="search">
                <input type="text" placeholder="搜索产品名称/目的地">
                <a href="#"></a>
            </form>
        </div>
        <!-- banner图 -->
        <div id="banner">
            <ul id>
                <li>
                    <a href="#">
                        <img src="./image/play/banner.jpeg" alt="">
                    </a>
                </li>
            </ul>
        </div>
        <!-- 功能区 -->
        <div id="function">
            <ul id="nav">
                <li>
                    <a href="#">
                        <img src="./image/play/bg1.png" alt="">
                        <p>景点门票</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./image/play/bg2.png" alt="">
                        <p>一日游</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./image/play/bg3.png" alt="">
                        <p>酒店套餐</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./image/play/bg4.png" alt="">
                        <p>WiFi</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./image/play/bg5.png" alt="">
                        <p>演出展览</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./image/play/bg6.png" alt="">
                        <p>接送机</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./image/play/bg7.png" alt="">
                        <p>电话卡</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./image/play/bg8.png" alt="">
                        <p>交通卡</p>
                    </a>
                </li>
            </ul>
            <div id="swiper">
                <span class="bullet1"></span>
                <span class="bullet2"></span>
            </div>
        </div>
        <!-- 地区 -->
        <div id="region">
            <div id="maincats">
                <a href="#" class="hot">热门</a>
                <a href="#">东南亚</a>
                <a href="#">欧美澳</a>
                <a href="#">国内</a>
            </div>
            <div id="mddlist">
                <ul>
                    <li><a href="#">普吉岛</a></li>
                    <li><a href="#">日本</a></li>
                    <li><a href="#">三亚</a></li>
                    <li><a href="#">丽江</a></li>
                    <li><a href="#">台湾</a></li>
                    <li><a href="#">香港</a></li>
                    <li><a href="#">哈尔滨</a></li>
                    <li><a href="#">首尔</a></li>
                    <li><a href="#">新加坡</a></li>
                    <li><a href="#">上海</a></li>
                    <li><a href="#">沙巴</a></li>
                    <li><a href="#">桂林</a></li>
                </ul>
            </div>
        </div>
        <!-- 自由行攻略 -->
        <div id="item">
            <div id="title">
                <h2>自由行攻略</h2>
            </div>
            <div id="localguide">
                <a href="#" class="bg">
                    <img src="./image/play/wKgBZ1.jpeg" alt="">
                </a>
                <div class="info">
                    <div class="t1">
                        <a href="#">无锡</a>
                    </div>
                    <div class="t2">鼋头渚赏樱：不用去日本，这里也有《秒速5厘米》里的樱花雨！</div>
                    <div class="t3">
                        <a href="#">152856人体验过</a>
                    </div>
                </div>
            </div>
            <div id="itemlist">
                <ul class="clearfix">
                    <li>
                        <a href="#">
                            <div class="photo">
                                <img src="./image/play/CoUBYG.jpeg" alt="">
                            </div>
                            <div class="box">
                                <div class="t3">无锡鼋头渚景区电子门票（无锡胜景 自然山水画卷）</div>
                                <p class="price">
                                    <em>￥</em>
                                    <strong>82.8</strong>
                                    起/人
                                </p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="photo">
                                <img src="./image/play/wKgBZ2.jpeg" alt="">
                            </div>
                            <div class="box">
                                <div class="t3">快捷电子票 大阪南海电铁特急Rapit号 单程/往返电子票兑换券（官方票源+关西机场快速直达大阪难波）</div>
                                <p class="price">
                                    <em>￥</em>
                                    <strong>86.8</strong>
                                    起/人
                                </p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="photo">
                                <img src="./image/play/wKgE.png" alt="">
                            </div>
                            <div class="box">
                                <div class="t3">快捷电子票 大阪南海电铁特急Rapit号 单程/往返电子票兑换券（官方票源+关西机场快速直达大阪难波）</div>
                                <p class="price">
                                    <em>￥</em>
                                    <strong>228</strong>
                                    起/人
                                </p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>

            <div id="localguide">
                <a href="#" class="bg">
                    <img src="./image/play/wKgBs1.png" alt="">
                </a>
                <div class="info">
                    <div class="t1">
                        <a href="#">美国</a>
                    </div>
                    <div class="t2">新鲜玩法：跟队自驾游/路书自驾游，可定制！（美国/新西兰/欧洲）像朋友一样去旅行，老司机带你游世界。</div>
                    <div class="t3">
                        <a href="#">96526人体验过</a>
                    </div>
                </div>
            </div>
            <div id="itemlist">
                <ul class="clearfix">
                    <li>
                        <a href="#">
                            <div class="photo">
                                <img src="./image/play/wKgBZ1m.jpeg" alt="">
                            </div>
                            <div class="box">
                                <div class="t3">澳大利亚3/50日自由行路书自驾游全境定制 （行程+酒店+租车+自驾路书全攻略+全程微信客服）</div>
                                <p class="price">
                                    <em>￥</em>
                                    <strong>7600</strong>
                                    起/人
                                </p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="photo">
                                <img src="./image/play/wKgEa.jpeg" alt="">
                            </div>
                            <div class="box">
                                <div class="t3">透明报价-公路与海滩的奔驰~美国定制自驾游16日
                                    （一号公路+黄石国家公园+魔幻羚羊谷+洛杉矶环球影城+旧金山+斯坦福大学+盐湖城+圣巴巴拉+拉斯维加斯+布莱斯+拱门）</div>
                                <p class="price">
                                    <em>￥</em>
                                    <strong>1179</strong>
                                    起/人
                                </p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="photo">
                                <img src="./image/play/wKgBEF.jpeg" alt="">
                            </div>
                            <div class="box">
                                <div class="t3">
                                    【蜜月婚拍】透明报价-新西兰南北岛浪漫定制11日（鲁冰花田中拍一张属于爱情的明信片+沐浴在悬崖山谷间的私人温泉+一起去冰川上来一场轻徒步+细数萤火虫洞中的星星点点+绚丽的星空下目睹前所未见的星空银河）可代订婚拍
                                    可升级房车</div>
                                <p class="price">
                                    <em>￥</em>
                                    <strong>9600</strong>
                                    起/人
                                </p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>

            <div id="localguide">
                <a href="#" class="bg">
                    <img src="./image/play/wKgBZ3.jpeg" alt="">
                </a>
                <div class="info">
                    <div class="t1">
                        <a href="#">巴厘岛</a>
                    </div>
                    <div class="t2">旅行定制师Raymond-数十次抵达印尼寻觅巴厘岛最佳玩乐路线，你不容错过！</div>
                    <div class="t3">
                        <a href="#">27895人体验过</a>
                    </div>
                </div>
            </div>
            <div id="itemlist">
                <ul class="clearfix">
                    <li>
                        <a href="#">
                            <div class="photo">
                                <img src="./image/play/wKgBEF.gif" alt="">
                            </div>
                            <div class="box">
                                <div class="t3">创造浪漫回忆蜜月旅拍巴厘岛6日定制游(专业拍摄团队+烛光晚餐+蓝梦岛出海)</div>
                                <p class="price">
                                    <em>￥</em>
                                    <strong>9999</strong>
                                    起/人
                                </p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="photo">
                                <img src="./image/play/wKgBEF2.gif" alt="">
                            </div>
                            <div class="box">
                                <div class="t3">爱拍照的妹子都喜欢 巴厘蜜月5日定制（精选网红酒店+复制Ins流行景点+打卡明星同款餐厅）</div>
                                <p class="price">
                                    <em>￥</em>
                                    <strong>4999</strong>
                                    起/人
                                </p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="photo">
                                <img src="./image/play/wKgBZ1o.jpeg" alt="">
                            </div>
                            <div class="box">
                                <div class="t3">年轻人酷玩巴厘岛5日定制游(滑翔伞上天鸟瞰巴厘+刺激水项目花式泡海+网红餐厅吸赞票圈）</div>
                                <p class="price">
                                    <em>￥</em>
                                    <strong>5999</strong>
                                    起/人
                                </p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 当季热卖 -->
        <div id="item2">
            <div id="title2">
                <h2>当季热卖</h2>
            </div>
            <div id="mddfbar">
                <div class="scrollview">
                    <a href="#" class="cont">普吉岛</a>
                    <a href="#">日本</a>
                    <a href="#">三亚</a>
                    <a href="#">丽江</a>
                    <a href="#">台湾</a>
                </div>
                <dvi class="moredir">
                    >
                </dvi>
            </div>
            <div id="itembox">
                <ul>
                    <li>
                        <a href="#">
                            <div class="photo">
                                <img src="./image/play/bg.jpeg" alt="">
                                <div class="tag">
                                    <span class="sp1">普吉岛</span>
                                    <span class="sp2">包车/拼车</span>
                                </div>
                            </div>
                            <div class="caption">
                                <div class="title">普吉包车环岛旅拍神仙半岛查龙寺多路线可选 可送机场</div>
                            </div>
                            <div class="tags">
                                <span>包车环岛游</span>
                                <span>自由安排</span>
                                <span>中文对接</span>
                            </div>
                            <div class="price">
                                <em>￥</em>
                                <strong>4999</strong>
                                起
                                <div class="num">已售207</div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="photo">
                                <img src="./image/play/bg1.jpeg" alt="">
                                <div class="tag">
                                    <span class="sp1">甲米</span>
                                    <span class="sp2">一日游</span>
                                </div>
                            </div>
                            <div class="caption">
                                <div class="title">泰国普吉岛/甲米 斯米兰一日游 Similan群岛seastar泰国旅游浮潜潜水 跳岛游（豪华合金艇+中文导游）</div>
                            </div>
                            <div class="tags">
                                <span>七色海水</span>
                                <span>中文导游</span>
                                <span>合金快艇</span>
                            </div>
                            <div class="price">
                                <em>￥</em>
                                <strong>298</strong>
                                起
                                <div class="num">已售361</div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="photo">
                                <img src="./image/play/bg2.jpeg" alt="">
                                <div class="tag">
                                    <span class="sp1">皮皮岛</span>
                                    <span class="sp2">一日游</span>
                                </div>
                            </div>
                            <div class="caption">
                                <div class="title">甲米/兰塔 皮皮岛 一日游 四岛 限量送沙滩鞋儿童玩具 浮潜一日游（水下相机+儿童救生衣等 免费租赁/竹子岛+维京洞穴+猴子岛）</div>
                            </div>
                            <div class="tags">
                                <span>特供儿童救生衣</span>
                                <span>送儿童玩具</span>
                                <span>水下相机</span>
                            </div>
                            <div class="price">
                                <em>￥</em>
                                <strong>189</strong>
                                起
                                <div class="num">已售361</div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="photo">
                                <img src="./image/play/bg3.jpeg" alt="">
                                <div class="tag">
                                    <span class="sp1">皮皮岛</span>
                                    <span class="sp2">一日游</span>
                                </div>
                            </div>
                            <div class="caption">
                                <div class="title">甲米/兰塔 皮皮岛 一日游 四岛 限量送沙滩鞋儿童玩具 浮潜一日游（水下相机+儿童救生衣等 免费租赁/竹子岛+维京洞穴+猴子岛）</div>
                            </div>
                            <div class="tags">
                                <span>特供儿童救生衣</span>
                                <span>送儿童玩具</span>
                                <span>水下相机</span>
                            </div>
                            <div class="price">
                                <em>￥</em>
                                <strong>189</strong>
                                起
                                <div class="num">已售361</div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="photo">
                                <img src="./image/play/bg4.jpeg" alt="">
                                <div class="tag">
                                    <span class="sp1">皮皮岛</span>
                                    <span class="sp2">一日游</span>
                                </div>
                            </div>
                            <div class="caption">
                                <div class="title">甲米/兰塔 皮皮岛 一日游 四岛 限量送沙滩鞋儿童玩具 浮潜一日游（水下相机+儿童救生衣等 免费租赁/竹子岛+维京洞穴+猴子岛）</div>
                            </div>
                            <div class="tags">
                                <span>特供儿童救生衣</span>
                                <span>送儿童玩具</span>
                                <span>水下相机</span>
                            </div>
                            <div class="price">
                                <em>￥</em>
                                <strong>189</strong>
                                起
                                <div class="num">已售361</div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="photo">
                                <img src="./image/play/bg5.jpeg" alt="">
                                <div class="tag">
                                    <span class="sp1">皮皮岛</span>
                                    <span class="sp2">一日游</span>
                                </div>
                            </div>
                            <div class="caption">
                                <div class="title">甲米/兰塔 皮皮岛 一日游 四岛 限量送沙滩鞋儿童玩具 浮潜一日游（水下相机+儿童救生衣等 免费租赁/竹子岛+维京洞穴+猴子岛）</div>
                            </div>
                            <div class="tags">
                                <span>特供儿童救生衣</span>
                                <span>送儿童玩具</span>
                                <span>水下相机</span>
                            </div>
                            <div class="price">
                                <em>￥</em>
                                <strong>189</strong>
                                起
                                <div class="num">已售361</div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="photo">
                                <img src="./image/play/bg6.jpeg" alt="">
                                <div class="tag">
                                    <span class="sp1">皮皮岛</span>
                                    <span class="sp2">一日游</span>
                                </div>
                            </div>
                            <div class="caption">
                                <div class="title">甲米/兰塔 皮皮岛 一日游 四岛 限量送沙滩鞋儿童玩具 浮潜一日游（水下相机+儿童救生衣等 免费租赁/竹子岛+维京洞穴+猴子岛）</div>
                            </div>
                            <div class="tags">
                                <span>特供儿童救生衣</span>
                                <span>送儿童玩具</span>
                                <span>水下相机</span>
                            </div>
                            <div class="price">
                                <em>￥</em>
                                <strong>189</strong>
                                起
                                <div class="num">已售361</div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="photo">
                                <img src="./image/play/bg7.jpeg" alt="">
                                <div class="tag">
                                    <span class="sp1">皮皮岛</span>
                                    <span class="sp2">一日游</span>
                                </div>
                            </div>
                            <div class="caption">
                                <div class="title">甲米/兰塔 皮皮岛 一日游 四岛 限量送沙滩鞋儿童玩具 浮潜一日游（水下相机+儿童救生衣等 免费租赁/竹子岛+维京洞穴+猴子岛）</div>
                            </div>
                            <div class="tags">
                                <span>特供儿童救生衣</span>
                                <span>送儿童玩具</span>
                                <span>水下相机</span>
                            </div>
                            <div class="price">
                                <em>￥</em>
                                <strong>189</strong>
                                起
                                <div class="num">已售361</div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 更多 -->
            <div id="morelist">
                <a href="#">查看更多产品</a>
            </div>
        </div>
    </div>

</body>

</html>